/*全局样式*/ body,ul,li,dt,dl,dd,h1,h2,h3,input,p,form,br { margin:0; padding:0;} body { color:#4A4238; font-size:12px; font-family:Arial,Helvetica,sans-serif; background:url(../images/bg.gif) repeat-x;} ul { list-style:none;} a{font-size:12px; color:#4A4238;text-decoration:none;} a:hover{text-decoration:none; color:#FF8000} form { display:inline;} img { vertical-align:top; border:none;} input { vertical-align:middle;} input.text {background:#FFF; border:1px #93846F solid; color:#000;font-size:12px; font-family:Arial,Helvetica,sans-serif; padding:2px 2px; line-height:15px;} .hackbox { border-top:1px solid transparent !important; clear:both;margin-top:-1px !important; visibility:hidden;} #wapper{ text-align:left; margin:0 auto; overflow:hidden; background:#fff; width:950px;} /*头部*/ #top { width:950px; height:25px; margin:0 auto; color:#93846F; background:#D9D9D9; vertical-align:middle;} #top a { color:#93846F;} #top a.blue{ color:#0066CC;} .top_left { width:350px; height:25px; float:left; line-height:25px; color:#93846F; padding-left:7px;} .top_right { width:593px; height:22px; float:left; margin-top:3px;} .top_right a { line-height:17px;} .top_input { width:113px; height:15px; background:#FFF; line-height:15px; border:1px #93846F solid; color:#000; font-family:Arial; font-size:11px;} .margin_right { margin-right:10px;} /*logo*/ #logo_box { width:100%; height:75px; background:#93846F;} .logo_body { width:950px; height:75px; margin:0 auto;} .logo_left {width:251px; height:75px; background:url(../images/logo.gif) 0 0; float:left;} .logo_left a{ width:100%; height:100%; display:block;} .top_ad { width:437px; height:67px; float:left; margin:4px 30px 0 10px; display:inline;} .logo_right { width:175px; height:20px; float:left; margin-top:27px; color:#FFF; line-height:20px;} .logo_right a{ width:50px; height:17px; float:left; display:block; background:url(../images/shopping_cart_h.gif) no-repeat; padding-left:110px; padding-top:0 !important; padding-top:2px;} /*menu*/ .menu_box { width:920px; height:38px; margin:0 auto; background:#B8AFA3; padding-left:40px;} .menu_box ul { list-style:none;} .menu_box li { float:left; line-height:38px; font-size:15px; font-weight:900; color:#844D00;} .menu_box li span{ margin:0 20px; } .menu_box li a { color:#844D00; font-size:15px;} .menu_box li a:hover { color:#FFF;font-size:15px;} #menu_li { width:57px; height:28px; float:left; margin-top:6px; line-height:28px; background:url(/images/guestbook_bg.gif) no-repeat; padding-left:37px; display:inline;} #menu_li a { color:#844D00;} #menu_li a:hover { color:#844D00;} /* keyword */ .keyword_box{ padding:8px 0; text-align:center;color:#4A4238; background:#E0E0E0; } .keyword_box a{ margin-right:5px;} /*搜索框*/ #input_box { width:930px; height:30px; margin:0 auto; color:#4A4238; background:#D1CEC9; padding:5px 0 0 20px;} #input_box span{ margin-left:20px; } #input_box a{ margin:0 2px; } .input_1 { width:248px; height:18px; background:#FFF; border:1px #7F9DB9 solid; line-height:18px; color:#93846F; vertical-align:top;} .input_2 { vertical-align:top;} #form_1 {width:500px; height:21px; float:left;} .select_1 { width:100px; height:20px; font-size:12px; color:#666; line-height:20px;} /*版权*/ #footer { width:950px; background:#FFF; margin:0 auto; text-align:center; color:#666; line-height:20px; padding-top:10px;} .copyright { width:950px; height:35px; margin:0 auto; background:#93846F; color:#000; line-height:35px; font-size:13px;} .copyright ul { width:620px; margin:0 auto;} .copyright ul li { list-style-type:none; float:left; width:70px; color:#FFF;} .copyright ul li.split{width:15px; color:#fff;} .copyright ul li a { color:#FFF;font-size:13px;} .copyright ul li span { margin:0 10px;} .copyright_p2 { text-align:center; } .copyright_p2 a { color:#666;} /* 分頁 */ .pagebar{ clear:both;font: 12px Arial, Helvetica, sans-serif;padding-top: 5px; padding-bottom: 10px; margin: 0 5px; color:#666;} .pagebar a{ border: solid 1px #ddd; background: #fff; text-decoration: none; color:#666; padding: 1px 5px; margin:-2px 0pt 0pt 5px; font-family:Tahoma,SimSun,Arial;} .pagebar a:hover { border:1px solid #95071B; color:#666;text-decoration: none;} .pagebar .pagebarCurrent{ color:#fff; background:#AEA393; border:1px solid #D4D4D4; text-decoration: none; padding:1px 5px; margin:3px;height:13px;line-height:100%;} .pagebar .pagebarDot { padding:1px 3px;border:none; color:#666;} .pagebar .pagebarPageInfo{color:#666; padding-right:5px; font-size:12px;} .pagebar .pageInfoCurrentPage{color:#f60;} .pagebar .jumpPage {margin:0 10px; font-size:12px;} .pagebar .pagerButton { font-size: 12px; font-family: Verdana; width: 40px; height: 19px; margin-left: 5px; padding: 2px 3px; border: 1px solid #AAA; color: #808080; background-color: #EBEBEB; } .pagebar .pagebarTextBox{ border:1px solid #DDD; color:#666; } .pagebar .recordCount{ color:Red;} #sidebar{ float:left; width:240px; padding:8px; overflow:hidden;} #homeContent{ float:left; width:710px; overflow:hidden;} .content{ float:left; width:740px; padding-left:10px;} .bigcontent{ width:950px;} /* 各類字體 */ .explain{ font-size:15px; color:#5F4743;padding-left:8px;} .result{ color:#000; text-align:center; padding-left:40px;} .keyword{ background:#FFFFA0;} .gray{ color:Gray;} .score{ font-family:Arial; font-size:12px; color:#008000;} .price{ color:#9A0900; font-size:12px; font-weight:bold; } .priceM{ font-size:14px; color:#D71118; font-weight:bold; } .priceL{ font-size:18px; color:#D71118; font-weight:bold; } .priceGray{ font-size:14px; color:Gray;} .coffee16{color: #844D00; font-size:16px; font-weight:bold;} .coffee14{color: #844D00; font-size:15px; font-weight:bold;} .cartnum{ color:Red; font-family:Verdana;} .memberName{ color:#713929; font-family:Verdana; font-weight:bold;} .textgray{ color:#B6B6B6;} .gray{ color:#808080;} .bigNumber{ color:#BF00BF; font: 18px Verdana;text-align:center;} .email{ color:#3C3C3C; font: 10px Arial; text-align:center;} .date{ color:#999; font: 10px Arial; text-align:center;} .datetime{ color:#7C7C7C; font-size:11px; font-family:Verdana;font-style: italic; margin-left:10px;} /*信息提示 */ .unvalidator {color:#cb3500;font-size:12px;border: 1px solid #efb49d;padding:6px 30px 5px 25px; margin:5px;background:#FFFCFC url(/Images/unvalidator.gif) no-repeat 5px;width:300px;} .success{ background:#E8F4E8 url(/Images/ok.gif) no-repeat 5px;border: 1px #008000 solid; padding:3px 8px 3px 25px; margin:1px;color:green; font-size:12px;width:300px; } .ok{ background:url(/Images/ok_big.gif) no-repeat 5px;padding:20px 20px 20px 70px;color:#04BD08; font-size:16px; font-weight:bold; } .loading{ color:#536851;font-size:12px;border: 1px solid #A6C16A;padding:6px 30px 5px 25px;margin:5px;background:#FFFFE0 url(/Images/Loading.gif) no-repeat 5px;} .loadingImg{ background:#FFFCFC url(/Images/Loading.gif) no-repeat 5px;} .topRight{ position:absolute; top:2px; right:2px;} .errorSimple{ color:Red;font-size:12px; font-family:Arial;} .error{ color:#cb3500;font-size:12px;border: 1px solid #efb49d;padding:6px 10px 5px 25px; margin:5px;background:#FFFCFC url(/Images/error.gif) no-repeat 5px;width:270px;} .errorBig{border: 1px solid #efb49d;width:500px;color:#cb3500; font-size:15px; margin:100px auto 100px auto; padding:30px 0pt 15px 50px;background:#FFFFF8 url(/Images/error.gif) no-repeat 5% 37%;} .warning{background:#E0EEF9 url(/Images/Warning.gif) no-repeat 5px;border: 1px #D0E8FF solid; padding:6px 30px 5px 25px; margin:5px;color:#2080D0; font-size:12px;} .warning2{background:#E0EEF9;border: 1px #58A0DC solid; padding:6px 30px 5px 25px; color:#2080D0; font-size:12px;} /* Link */ a.blue {color: #0066CC;text-decoration: none;font-family:Arial,Helvetica,sans-serif;} a.blue:hover {color:#0066CC;text-decoration: underline;} a.blueUnderLine {color: #0066CC;text-decoration: underline;} a.blueUnderLine:hover {color: #800000;text-decoration: none;} a.red {color:red;text-decoration: none;font-family:Arial,Helvetica,sans-serif; font-weight:bold;} a.red:hover {color:#0066CC;text-decoration: underline;} a.while {color: #fff;text-decoration: none; font-size:13px;} a.while:hover {color:#fff;text-decoration: underline; font-size:13px;} a.black {color: #1A1A1A;text-decoration: none; font-size:12px;} a.black:hover {color:#743331;text-decoration: underline; font-size:12px;} a.coffee12 {color: #743331;text-decoration: none; font-size:12px; } a.coffee12:hover {color:#0066CC;text-decoration: none; font-size:12px;} a.coffee16 {color: #713334;text-decoration: none; font-size:16px; font-weight:bold; background:url(/images/dot2.gif) no-repeat 0 50%; padding-left:12px;} a.coffee16:hover {color:#0066CC;text-decoration: none; font-size:16px; font-weight:bold;} /* ---------------------------------------------------------------------------------- Image */ img{ border:0;} img.gray{ border:1px solid #EBEBEB } img.gary2{ border:1px solid #D5CECC} img.gary3{ border:1px solid #D1CAC7} /*---------------------------------------------------------------------------------- */ .usertypeShower{ width:200px;} .textboxTitle{ color:#94461F;} .tb{ text-align:left;} form{ text-align:left;} .btnBuy{ background:url(/images/btnBuy.gif) no-repeat 50%;} /*---------------------------------------------------------------------------------- Line box */ .line{ height:27px; margin:10px 0; } .line .lineLeft{ float:left; background:url(/images/line_left.gif) no-repeat; width:28px;height:27px;} .line .lineBody{ float:left; background:url(/images/line_body.gif) repeat-x; height:27px;} .line .lineBody h3{ margin:5px; padding:0; color:#652F2F; font-size:15px; font-weight:bold; } .line .lineRight{ float:left; background:url(/images/line_right.gif) no-repeat; width:7px;height:27px;} .lineBody h5{ margin:0; background:url(/images/more.gif) no-repeat 0 8px; width:39px; height:27px;} .lineBody h5 span{ display:block; text-indent:9999px;} .lineBody h5 a{ width:100%; height:100%;display:block; overflow:hidden;} .width660{ width:660px;} .w0{ width:645px;} .lw1{ width:600px;} .lw2{ width:45px;} .lw3{ width:850px;} hr.gray{ width:99%; margin:0 auto; text-align:center; background:#E2E2E2; height:1px; border:0; margin:20px 5px} hr.cof{ width:99%; margin:0 auto; text-align:center; background:#844D00; height:1px; border:0; margin:12px 5px;} .dashedLine{ border-bottom:1px dotted #BEBEBE; height:1px; margin:3px 0;} .dottedLineCof{ height:1px; margin:3px 0; background:url(/Images/dotted.gif) repeat-x 0 0;} /*---------------------------------------------------------------------------------- Line box */ .tbBox{ width:730px; margin:0 auto;} .tbHeader{ height:28px; margin:0;} .tbHeader .tbLeft{ float:left; background:url(/images/shopping/tb_title_left.gif) no-repeat; width:208px;height:28px;} .tbHeader .tbLeft2{ float:left; background:url(/images/shopping/tb_title_left2.gif) no-repeat; width:8px;height:28px;overflow:hidden;} .tbHeader .tbMiddle{float:left; background:url(/images/shopping/tb_title_bg.gif) repeat-x; height:28px;} /*210px*/ .tbHeader h3{ margin:5px; text-align:left; color:#FFF; font-size:15px; font-weight:normal; padding:3px 0 0 20px;} .tbHeader h2{ color:#713929; text-align:left;margin:8px 0 0 10px; font-size:15px;} .tbHeader .tbRight{float:left;background:url(/images/shopping/tb_title_right.gif) no-repeat; width:8px;height:28px;} .tbBody{ border-left:1px solid #D4CDCB; border-right:1px solid #D4CDCB;text-align:left;padding:20px;} .tbBottomLeft{float:left;background:url(/images/shopping/tb_bottom_left.gif) no-repeat; width:6px;height:5px;} .tbBottomRight{float:left;background:url(/images/shopping/tb_bottom_right.gif) no-repeat; width:6px;height:5px;} .tbBottomMiddle{float:left; border-bottom:1px solid #D4CDCB;height:5px; overflow:hidden;} .tbBody h3{ margin:0 0 10px 0; color:#982000; font-size:15px; text-align:left;} .tbBody p{ text-align:center;} .w1{ width:213px;} .w2{ width:415px;} .w3{ width:684px;} .w4{ width:510px;} .w4s{ width:710px;} .w5{ width:713px;} .wfull{ width:670px;} /*----------------------------------------------------------------------------------- ICON */ a.iconMSN{ background:url(/images/icon_msg.gif) no-repeat 0; padding:0 0 0 23px;} a.iconEmail{ background:url(/images/icon_email.gif) no-repeat; padding:0 0 0 23px;} a.iconMobile{ background:url(/images/icon_mobile.gif) no-repeat; padding:0 0 0 23px;} .toolbar{ background:#EEE7E5; height:25px; border-bottom:2px solid #989191; width:950px; color:#713929; padding:5px 0 0 20px; font-size:13px; font-family:Verdana;} .toolbar .dot{ background:url(/images/dot.gif) no-repeat 50% 3px; width:6px; height:13px; padding-right:5px;padding-left:10px;} .selectinput{ background:url(/images/bg_select.gif) repeat; padding:2px; color:#0000BF; cursor:pointer; border:1px solid #9FBDE3;border-right:0; font-family:Arial 宋体;} .selectright{ background:url(/images/select_right.gif) no-repeat; width:21px; height:21px; border:1px solid #9FBDE3;} .btnbg{ background:url(/images/btn_bg.gif) no-repeat; width:88px; height:30px; border:0; color:#fff; font-size:14px; padding-bottom:5px;} .exchangeRate{ text-align:center; font-size:12px; color:#800000; border:1px solid #ECD7D7; padding:8px 3px; margin:10px 10px 0 0;} .exchangeRate span{ margin-right:10px;} .nocontent h3, .nocontent h4 { color:#9E9E9E; font-size:14px; margin:50px auto; width:250px; padding:20px 0pt 15px 130px; border:1px solid #E0E0E0; background:#FFFFF8 url(images/Warning.gif) no-repeat 15% 50%; } .nocontent { text-align:center;color:#2080D0; } .noResult{color:#9E9E9E; font-size:14px; margin:50px auto; width:500px;padding:20px 0pt 25px 20px;border:1px solid #ccc; background:#fafafa url(images/Warning.gif) no-repeat 15% 21%;} .noResult p{font-weight:bold;color:#77413F; padding-left:100px;font-size:15px;} .noResult .advice{ text-align:left; font-size:15px;padding-left:100px;color:#707070} .advice{ margin-top:25px;} .advice span{ color:#F05919;} .advice li{ list-style-type:none; list-style-image:url(/Images/li.gif); padding:6px 0;} /*客服聯係*/ .kefu { width: 81px; display:none; position:fixed; right:10px; top:150px; z-index:102; } .kefu .title { height: 25px; width: 81px; } .kefu li { display: inline; overflow: hidden; float: left; width: 81px; padding: 0; } .kefu li span { display: block; text-indent: -9999px; line-height: 67px; } .kefu li a { display: block; } .kefu .e { background-position: left top; background-image: url(/Images/kefu_02.png); height: 78px; width: 81px; } .kefu .msn { background-position: left top; background-image: url(/Images/kefu_03.png); height: 78px; width: 81px; } .kefu .yahoo { background-position: left top; background-image: url(/Images/kefu_04.png); height: 63px; width: 81px; } .kefu .qq { background-position: left top; background-image: url(/Images/kefu_05.png); height: 45px; width: 81px; padding-top: 16px; text-align: center; } .kefu .qq img{} /*首页内容图片*/ #body_img { width:950px; height:253px; margin:0 auto; background:url(../images/body_bg.gif) repeat-x;} .body_img_top { width:922px; height:212px; margin:0 auto; background:#FFF;} .body_title { width:922px; height:41px; margin:6px auto 0;} .body_title_left { width:192px; height:41px; margin-right:10px; float:left; background: url(../images/list_title.gif) no-repeat; font-size:15px; color:#FFF; line-height:41px; padding-left:20px; font-weight:900;} .body_title_right { width:700px; height:41px; background:url(../images/index_bg.gif) repeat-x; float:left;} .new_li{width:390px;height:41px;float:left;} .new_li h2{width:130px;height:32px;display:block;text-align:center;line-height:32px; font-size:15px; color:#FFF;} .new_li li { float:left;} .hover a,.hover{width:130px;height:41px; background:url(../images/images.gif) -150px 0;} /*首页产品*/ #body { width:950px; float:left;} .body_left { width:202px; float:left; margin-left:14px; border:1px #C7C7C7 solid; display:inline; padding:5px 0 0 8px; overflow:hidden;} #a_1_news,#a_2_news,#a_3_news { width:694px; height:660px; float:left; background:url(../images/products_bg.gif) repeat-y; padding-left:30px; overflow:hidden;} #a_2_news { display:none; float:left;} #a_3_news { display:none; float:left;} #a_1_news ul,#a_2_news ul,#a_3_news ul { list-style:none;} #a_1_news li,#a_2_news li,#a_3_news li { width:150px; height:220px; float:left; margin-right:22px; overflow:hidden;} #a_1_news a,#a_2_news a,#a_3_news a { color:#555555;} #a_1_news a:hover,#a_2_news a:hover,#a_3_news a:hover { color:#E38400;} #a_1_news span,#a_2_news span,#a_3_news span { color:#B65609; font-weight:900; font-size:16px;} .body_left h3 a { font-size:15px; color:#844D00;} .body_left ul a {color:#AA752C;font-size:13px;} .body_right { width:724px; height:679px; float:left; overflow:hidden;} /*首页产品下边框*/ #products_border { width:724px; height:19px;} .border_left { width:24px; height:19px; background:url(../images/images.gif) no-repeat -50px -400px; float:left;} .border_center { width:663px; height:19px; background:url(../images/border_center.gif) repeat-x; float:left;} .border_right { width:37px; height:19px; background:url(../images/images.gif) no-repeat -100px -400px; float:left;} /*时尚资讯，销售排行榜*/ #fashion_wap { width:923px; height:312px; margin:5px auto;} .fashion { width:645px; height:312px; float:left;} .fashion_title { width:645px; height:37px; float:left; background:url(../images/fashion.gif) no-repeat;} .fashion_title a{ width:645px; height:37px; display:block;} .fashion_body { width:636px; height:267px; float:left; border-left:1px #DB8D4F solid; border-right:1px #DB8D4F solid; border-bottom:1px #DB8D4F solid; padding:7px 0 0 7px; overflow:hidden;} .fashion_left { width:187px; height:260px; float:left; background: url(../images/fashion_images.gif) no-repeat;} .fashion_left a{ width:187px; height:260px; display:block;} .fashion_right { width:441px; height:260px; float:left; margin-left:8px; display:inline;} .fashion_right ul{ width:441px; height:160px; float:left;} .fashion_p { width:429px; height:26px; font-size:15px; line-height:26px; font-weight:900; text-align: center;} .fashion_p a { color:#14679D;} .fashion_p a:hover { color:#CA5E03;} .fashion_right li { width:210px; height:26px; float:left; line-height:26px; overflow:hidden;} .fashion_right li a { color:#666;} .fashion_right li a:hover { color:#C96819;} .fashion_right span { color:#CA691A;} .margin_right { margin-right:9px;} .fashion_ad { width:441px; height:101px; float:left; margin-top:3px;} .fashion_ad1 { margin-right:19px;} .xiaoshou { width:268px; height:312px; float:right;} .xiaoshou_title { width:268px; height:37px; float:left; background: url(../images/xiaoshou_title.gif) no-repeat;} .xiaoshou_title a { width:268px; height:37px; display:block;} .xiaoshou_body { width:266px; height:274px; border-left:1px #D3D3D3 solid; border-right:1px #D3D3D3 solid; border-bottom:1px #D3D3D3 solid; background:url(../images/ul_bg.gif); float:left;} .xiaoshou_body li { width:225px; height:34px; line-height:32px; font-size:12px; padding-left:40px; overflow:hidden;} .xiaoshou_body li a { color:#666;} .xiaoshou_body li a:hover { color:#C9691A;} .xiaoshou_body ul {background:url(../images/shaoshou_bg.gif) no-repeat 10px 7px;} /* 图片滑动 */ #d1{width:922px;height:206px;overflow:hidden;font-size:12px} #d1 ul{padding:0;margin:0;list-style-type:none} #d1 li{height:212px} #d1 li img{border:0;width:922px;height:212px} #d1 li a{display:block} #d1 li span{display:block;background:#f5f5f5;padding:7px 0 7px 20px;width:100%;height:29px;} .slider{position:relative;width:922px;height:212px;overflow:hidden} .slider img{border:0} .sliderPrevPhoto{position:absolute;top:0;left:0} .sliderPhoto{position:absolute;top:0;left:0} .sliderTitle{display:block;position:absolute; bottom:0; width:922px; height:18px; padding:2px 0 0 10px; background:#000; opacity:0.3; -moz-opacity:0.5; filter:alpha(opacity=50);} .sliderTitle a{ color:#fff;} .sliderNav{position:absolute;bottom:0;right:0; background:#6A5F52; height:20px;} .sliderNav span{cursor:pointer;display:block;float:left;width:20px;height:20px;background:transparent;text-align:center;color:#fff;font-family:Verdana;font-size:11px;font-weight:bold;padding-top:2px;} * html .sliderNav span{position:relative} /* IE6 hack: The positive side of negative margins */ .sliderNav span.sliderNavCurr{color:#fff; background:#ff6600;padding-top:2px;} /*精品區*/ .boutique_box { width:923px; height:672px; margin:6px auto 0;} .boutique_left { width:645px; height:672px; float:left;} .boutique_left_title { width:645px; height:28px; float:left;} .boutique_title_left { width:21px; height:28px; float:left; background:url(/images/boutique_title_left.gif) no-repeat;} .boutique_title_center { width:586px; height:26px; float:left; background:url(/images/boutique_title_center.gif) repeat-x; padding:2px 22px 0 9px; display:inline; line-height:26px; color:#fff; font-size:15px; font-weight:900;} .boutique_title_center span { font-size:12px; font-weight:100; float:right;} .boutique_title_center span a { color:#fff;} .boutique_title_right { width:7px; height:28px; float:left; background:url(/images/boutique_title_right.gif) no-repeat;} .boutique_body { width:622px; height:632px; float:left; background:url(/images/boutique_body_bg.gif) repeat-y; padding:7px 0 0 23px; display:inline; color:#666; overflow:hidden;} .boutique_body a { color:#666;} .boutique_body li p a:hover { color:#E38400;} .boutique_body li { width:130px; height:207px; float:left; margin-right:22px; overflow:hidden; line-height:18px; overflow:hidden;} .boutique_body img { border:1px #c4c4c4 solid;} .boutique_body span { color:#B65609; font-size:16px; font-weight:900;} .boutique_bottom_border { width:645px; height:5px; float:left;} .boutique_bottom_left,.boutique_bottom_right { width:5px; height:5px; float:left;} .boutique_bottom_left { background:url(/images/boutique_bottom_left.gif) no-repeat;} .boutique_bottom_right { background:url(/images/boutique_bottom_right.gif) no-repeat;} .boutique_bottom_center { width:635px; height:5px; float:left; background:url(/images/boutique_bottom_center.gif) repeat-x;} .boutique_right { width:268px; height:672px; float:left; margin-left:10px; display:inline;} .boutique_right_title { width:268px; height:28px; float:left;} .boutique_right_title_left { width:17px; height:28px; float:left; background:url(/images/boutique_right_title_left.gif) no-repeat;} .boutique_right_title_center { width:230px; height:26px; float:left; background:url(/images/boutique_right_title_center.gif) repeat-x; padding:2px 10px 0 4px; display:inline; line-height:26px; font-size:15px; font-weight:900; color:#555;} .boutique_right_title_center span a { color:#555;} .boutique_right_title_center span { font-size:12px; font-weight:100; float:right;} .boutique_right_title_right { width:7px; height:28px; float:left; background: url(/images/boutique_right_title_right.gif) no-repeat;} .boutique_right_body { width:266px; height:639px; float:left; border-left:1px #d5d5d5 solid; border-right:1px #d5d5d5 solid; overflow:hidden; color:#555; line-height:28px;} .boutique_right_body li { width:254px; height:137px; float:left; border-bottom:1px #d98d4f dotted; padding:20px 9px 0 3px; display:inline;} .boutique_right_body li p img { float:left; border:1px #c4c4c4 solid; margin-right:5px;} .boutique_right_body a { color:#555;} .boutique_right_body span { color:#B65609; font-size:16px; font-weight:900;} .boutique_right_border { width:268px; height:5px; float:left;} .boutique_right_border_left,.boutique_right_border_right { width:5px; height:5px; float:left;} .boutique_right_border_left { background:url(/images/boutique_right_border_left.gif) no-repeat;} .boutique_right_border_right { background:url(/images/boutique_right_border_right.gif) no-repeat;} .boutique_right_border_center { width:258px; height:5px; float:left; background:url(/images/boutique_right_border_center.gif) repeat-x;} #ProductList4_Panel1 img { border:1px #c4c4c4 solid;} /*循环滾動產品*/ #demo { width:923px; height:217px; margin:6px auto 0;} .products_border_left,.products_border_right { width:5px; height:217px; float:left; overflow:hidden;} .products_border_left { background:url(/images/products_border_left.gif) no-repeat;} .products_border_right { background:url(/images/products_border_right.gif) no-repeat;} #demo1 { width:910px; height:207px; float:left; background:url(/images/products_body_bg.gif) repeat-x; overflow:hidden; padding:10px 3px 0 0;} #demo1 li { width:138px; height:207px; float:left; margin-left:12px; line-height:20px;} #demo1 li .proname { width:138px; height:36px; line-height:20px; overflow:hidden;} #demo1 li img { border:1px #c4c4c4 solid;} #demo1 li a { color:#555;} #demo1 li a:hover { color:#E38400;} #demo1 li span { color:#B65609; font-size:16px; font-weight:900;} div.jd_news_scroll {position: relative;overflow: hidden;} div.jd_news_scroll ul {position: relative;list-style-type: none;padding: 0px;margin: 0px;} div.jd_news_scroll ul li {padding: 0px;margin: 0px;text-align:left;}ul.jd_menu, ul.jd_menu_vertical { margin: 0px; padding: 0px; list-style-type: none; } ul.jd_menu ul, ul.jd_menu_vertical ul { display: none; } ul.jd_menu li { float: left; } ul.jd_menu_vertical { /*width: 200px;*/ } ul.jd_menu_vertical li { float: none; } /* -- Sub-Menus -- */ ul.jd_menu ul, ul.jd_menu_vertical ul { position: absolute; display: none; list-style-type: none; margin: 0px; padding: 0px; z-index: 10000; } ul.jd_menu ul li, ul.jd_menu_vertical ul li { float: none; margin: 0px; } /* ul.jd_menu, ul.jd_menu ul, ul.jd_menu_vertical, */ ul.jd_menu_vertical ul { background-color: #fff; /* filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; */ border: 1px solid #ACACAC; border-top: 1px solid #ACACAC; border-left: 1px solid #ACACAC; color:#000; } ul.jd_menu_vertical { height: auto; width:100px; } ul.jd_menu ul { height: auto; } * html ul.jd_menu ul { width: 1%; padding:5px 0; } ul.jd_menu li { font-family: Arial,sans-serif; font-size: 12px; color: #000; line-height: 15px; margin: 0px; padding:3px 5px; cursor: pointer; white-space: nowrap; } * html ul.jd_menu li { height: 10px; line-height: 10px; } ul.jd_menu li li { width: 160px; padding:5px 5px 5px 20px; background:transparent url(/Images/category_dot.gif) no-repeat scroll 8px 8px; } /* ul.jd_menu li a { color: #652F2F; text-decoration: none; } */ ul.jd_menu li.jdm_hover, ul.jd_menu li.jdm_active { /*background-color: #B36B45; color: #fff; padding: 1px 3px 1px 3px; border: 1px solid #369; border-left: 1px solid #9CF; border-top: 1px solid #9CF;*/ } /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 75px; height: 75px; } /** * The buttons are added dynamically by jCarousel before * the